@import "./data";
@import "./color";
@import "./mixin";
// 侧边固定栏
.sidebar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 35px;
    height: 100%;
    font-size: 12px;
    line-height: 1.5;
    background-color: #383838;
    .content_slide {
        position: absolute;
        top: 25%;
        width: 100%;
        ul {
            width: 100%;
            li {
                width: 100%;
                height: 30px;
                text-align: center;
                cursor: pointer;
                line-height: 30px;
                margin-bottom: 2px;
                &:hover {
                    background-color: #ffaa01;
                    i {
                        color: #fff;
                    }
                }
                i {
                    color: #d1900d;
                    font-size: 18px;
                }
            }
            .shopping_cart {
                line-height: normal;
                margin: 8px 0;
                height: 116px;
                padding: 10px 0;
                border-top: 1px solid #4d4d4d;
                border-bottom: 1px solid #4d4d4d;
                box-sizing: border-box;
                color: #dcdcdc;
                i {
                    color: #dcdcdc;
                    position: relative;
                    left: -2px;
                }
                p {
                    color: #fff;
                }
                .goods_count {
                    display: inline-block;
                    min-width: 17px;
                    height: 15px;
                    padding: 0 2px;
                    background-color: #d00;
                    color: #fff;
                    line-height: 15px;
                    border-radius: 5px;
                }
            }
            .slide_message {
                margin-bottom: 72px;
                position: relative;
                span {
                    @include slidebarSpan();
                }
                &:hover > span {
                    left: -40px;
                }
            }
            .slide_money {
                position: relative;
                span {
                    @include slidebarSpan();
                }
                &:hover > span {
                    left: -40px;
                }
            }
            .slide_footprint {
                position: relative;
                span {
                    @include slidebarSpan();
                }
                &:hover > span {
                    left: -40px;
                }
            }
            .slide_signin {
                margin-bottom: 50px;
                position: relative;
                span {
                    @include slidebarSpan();
                }
                &:hover > span {
                    left: -40px;
                }
            }
            .slide_consulting {
                position: relative;
                span {
                    @include slidebarSpan();
                }
                &:hover > span {
                    left: -68px;
                }
            }
            .silde_fadeback {
                position: relative;
                span {
                    @include slidebarSpan();
                }
                &:hover > span {
                    left: -68px;
                }
            }
            .slide_go_top {
                position: relative;
                span {
                   @include slidebarSpan();
                }
                &:hover > span {
                    left: -68px;
                }
            }
            .slide_code {
                p {
                    width: 160px;
                    height: 236px;
                    position: absolute;
                    left: 35px;
                    top: 302px;
                    background: url(../img/new-code-bg.png) no-repeat;
                    transition: all 1s;
                    img {
                        width: 134px;
                        height: 134px;
                        display: block;
                        margin-left: 14px;
                        margin-top: 58px;
                    }
                }
                &:hover > p {
                    left: -160px;
                }
            }
        }
    }
}